﻿@charset "utf-8";

input {
    font-family: Microsoft Yahei,Arial,Helvetica,sans-serif,icomoon;
}
.ui-autocomplete-category {
    font-weight:bolder;
}
/*wrap_contain*/
div.wrap_contain {
    position: relative;
    padding-bottom: 20px;
    height: 670px;
}
/*==>头部*/
div.wrap_header {
    border-bottom: 1px dotted #3B5065;
    padding-bottom: 16px;
    margin-bottom: 20px;
}

    div.wrap_header label.title {
        margin: 0px auto;
        width: 200px;
        display: block;
        font-size: 20px;
        text-align: center;
        line-height: 40px;
        height: 40px;
    }

    div.wrap_header div.pull_right {
        position: absolute;
        top: 23px;
        right: 20px;
    }

        div.wrap_header div.pull_right > button:first-child {
            position: absolute;
            right: 120px;
        }
/*头部<==*/
/*==>content*/
div.wrap_contain > div.wrap_content {
    width: 1000px;
    /*height: 690px;*/
    display: block;
    position: relative;
    margin: 10px auto;
}
/*<==表格头部*/
div.table_footer_line {
    width: 922px;
    height: 1px;
    display: block;
    position: absolute;
    background: #CCC;
    top: 293px;
}

div.table_head {
    width: 1000px;
    height: 50px;
    display: block;
}

    div.table_head > div.left {
        width: 160px;
        position: absolute;
        top: 0px;
        left: 0px;
    }

        div.table_head > div.left > input.input_text_xs {
            width: 50px;
            font-family: Arial;
            text-align: center;
        }

    div.table_head > div.center {
        position: absolute;
        top: 0px;
        left: 170px;
    }

    div.table_head > div.right {
        width: 180px;
        position: absolute;
        top: 0px;
        right: -24px;
    }

        div.table_head > div.right > input.input_text_xs {
            width: 50px;
            font-family: Arial;
            text-align: center;
        }
/*<==表格头部*/
/*<==表格*/
div.table {
    width: 921px;
    height: 354px;
    margin: 0 auto;
    display: block;
    /*overflow-y:scroll;*/
    position: relative;
    border: 1px solid #ccc;
}

.blue_line {
    border-right: 1px solid #a5daf5 !important;
}

.red_line {
    border-right: 1px solid #f1bbb8 !important;
}
/*==》头部*/
div.table > ul.thead {
    width: 921px;
    height: 54px;
}

    div.table > ul.thead > li {
        float: left;
        display: block;
        height: 53px;
        line-height: 53px;
        text-align: center;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

        div.table > ul.thead > li:first-child { /*摘要*/
            width: 160px;
        }

        div.table > ul.thead > li:nth-child(2) { /*会计科目*/
            width: 244px;
        }

        div.table > ul.thead > li:nth-child(3), div.table > ul.thead > li:nth-child(4) { /*数量,单价*/
            width: 81px;
        }

        div.table > ul.thead > li:nth-child(5), div.table > ul.thead > li:nth-child(6) { /*借方余额*/
            width: 175px;
        }

            div.table > ul.thead > li:nth-child(5) > ul, div.table > ul.thead > li:nth-child(5) > ul > li {
                width: 175px;
            }

                div.table > ul.thead > li:nth-child(5) > ul > li {
                    border-right: 1px solid #ccc;
                    border-bottom: 1px solid #ccc;
                }

                    div.table > ul.thead > li:nth-child(5) > ul > li:first-child { /*借方金额标题*/
                        height: 28px;
                        line-height: 28px;
                    }
                    /*借方金额单位*/
                    div.table > ul.thead > li:nth-child(5) > ul > li:last-child {
                        height: 24px;
                        line-height: 24px;
                    }

                        div.table > ul.thead > li:nth-child(5) > ul > li:last-child > ul {
                            width: 175px;
                            height: 24px;
                            line-height: 24px;
                        }

                            div.table > ul.thead > li:nth-child(5) > ul > li:last-child > ul > li, div.table > ul.thead > li:nth-child(6) > ul > li:last-child > ul > li {
                                width: 15px;
                                font-size: 15px;
                                float: left;
                                border-right: 1px solid #ccc;
                                border-bottom: 1px solid #ccc;
                            }

                                div.table > ul.thead > li:nth-child(5) > ul > li:last-child > ul > li:last-child, div.table > ul.thead > li:nth-child(6) > ul > li:last-child > ul > li:last-child {
                                    border-right: 0px;
                                }
        /*借方金额end*/
        /*贷方金额*/
        div.table > ul.thead > li:nth-child(6) {
            border-right: medium;
        }

            div.table > ul.thead > li:nth-child(6) > ul > li:first-child { /*贷方金额标题*/
                height: 28px;
                line-height: 28px;
                border-bottom: 1px solid #ccc;
            }
            /*贷方金额单位*/
            div.table > ul.thead > li:nth-child(6) > ul > li:last-child {
                height: 24px;
                line-height: 24px;
            }

                div.table > ul.thead > li:nth-child(6) > ul > li:last-child > ul {
                    width: 175px;
                }
/*贷方金额单位*/
/*贷方金额end*/
/*==》头部 end*/
/*==》tbody*/
/*按钮*/
i.table_btn_left, i.table_btn_right {
    position: absolute;
    top: 8px;
    font-size: 26px !important;
    cursor: pointer;
    display: none;
}

i.table_btn_left {
    right: -36px;
    width: 26px !important;
}

i.table_btn_right {
    right: -82px;
}
/*按钮 end*/
.input_abstract, .input_subject, .input_num, .input_unit_price, .input_debit_price, .input_credit_price {
    border: 2px solid #3B5065;
    top: 0px;
    height: 55px;
    line-height: 55px;
    display: none;
    position: absolute;
    text-align: center;
    font-size: 16px;
}

.input_abstract { /*摘要输入框*/
    width: 158px;
}

.input_subject { /*会计科目输入框*/
    width: 242px;
}

.input_num, .input_unit_price {
    width: 78px;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    text-align: center;
    font-family: Arial;
}

.input_debit_price, .input_credit_price {
    width: 172px;
    position: absolute;
    font-family: Arial;
    font-size: 25px;
    text-align: right;
}

div.table > ul.tbody {
    /*width: 954px;*/
    width: 1005px;
    height: 240px;
    display: block;
    overflow-x: hidden;
    /*overflow-y:scroll;*/
}

    div.table > ul.tbody > li.tr, div.table > ul.table_footer > li.tr {
        width: 921px;
        height: 60px;
        display: block;
        position: relative;
    }

        div.table > ul.tbody > li.tr:hover {
            background: #F4F4F4;
        }

        div.table > ul.tbody > li.tr > ul.td {
            height: 60px;
            width: 1000px;
        }

            div.table > ul.tbody > li.tr > ul.td:hover i {
                display: block;
            }

            div.table > ul.tbody > li.tr > ul.td > li {
                height: 59px;
                display: block;
                float: left;
                border-right: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
            }

                div.table > ul.tbody > li.tr > ul.td > li:first-child, div.table > ul.tbody > li.tr > ul.td > li:first-child > span, div.table > ul.tbody > li.tr > ul.td > li:nth-child(4) > span { /*摘要*/
                    width: 160px;
                }

                div.table > ul.tbody > li.tr > ul.td > li:nth-child(2), div.table > ul.tbody > li.tr > ul.td > li:nth-child(2) > span, div.table > ul.tbody > li.tr > ul.td > li:nth-child(4) > span { /*会计科目*/
                    width: 244px;
                }

                div.table > ul.tbody > li.tr > ul.td > li:nth-child(3), div.table > ul.tbody > li.tr > ul.td > li:nth-child(4), div.table > ul.tbody > li.tr > ul.td > li:nth-child(3) > span, div.table > ul.tbody > li.tr > ul.td > li:nth-child(4) > span { /*数量,单价*/
                    width: 81px;
                }

                    div.table > ul.tbody > li.tr > ul.td > li:first-child > span, div.table > ul.tbody > li.tr > ul.td > li:nth-child(4) > span,
                    div.table > ul.tbody > li.tr > ul.td > li:nth-child(2) > span, div.table > ul.tbody > li.tr > ul.td > li:nth-child(4) > span,
                    div.table > ul.tbody > li.tr > ul.td > li:nth-child(3) > span, div.table > ul.tbody > li.tr > ul.td > li:nth-child(4) > span { /*数量,单价*/
                        height: 59px;
                        line-height: 59px;
                        text-align: center;
                        font-family: Microsoft Yahei,Arial,Helvetica,sans-serif,icomoon;
                        display: block;
                    }

                div.table > ul.tbody > li.tr > ul.td > li:nth-child(5), div.table > ul.tbody > li.tr > ul.td > li:last-child { /*借方余额,贷方余额*/
                    width: 175px;
                }

                div.table > ul.tbody > li.tr > ul.td > li:last-child {
                    border-right: none;
                }

                div.table > ul.tbody > li.tr > ul.td > li.tr > ul.td {
                    width: 175px;
                    height: 59px;
                }

                    div.table > ul.tbody > li.tr > ul.td > li.tr > ul.td > li {
                        width: 15px;
                        height: 59px;
                        font-size: 15px;
                        display: block;
                        float: left;
                        border-right: 1px solid #CCC;
                        border-bottom: 1px solid #CCC;
                        line-height: 59px;
                        text-align: center;
                        font-family: Arial;
                        font-size: 25px;
                    }

                        div.table > ul.tbody > li.tr > ul.td > li.tr > ul.td > li:nth-child(11) {
                            border-bottom: none;
                            border-right: none;
                        }
        /*last_tr*/
        div.table > ul.table_footer > li.tr > ul.td > li {
            float: left;
        }

            div.table > ul.table_footer > li.tr > ul.td > li:first-child {
                display: block;
                width: 569px;
                height: 60px;
                border-right: 1px solid #ccc;
            }

        div.table > ul.table_footer > li.tr > ul.td {
            height: 60px;
        }

            div.table > ul.table_footer > li.tr > ul.td > li:first-child > span.span_title, div.table > ul.table_footer > li.tr > ul.td > li:first-child > span.span_price {
                display: inline-block;
            }

            div.table > ul.table_footer > li.tr > ul.td > li:first-child > span.span_title {
                margin: 20px 0px 0px 20px;
                width: 50px;
                height: 22px;
            }

            div.table > ul.table_footer > li.tr > ul.td > li:first-child > span.span_price {
                height: 30px;
                line-height: 30px;
                font-size: 23px;
            }

            div.table > ul.table_footer > li.tr > ul.td > li.tr, div.table > ul.table_footer > li.tr > ul.td > li.tr:last-child {
                width: 175px;
            }

                div.table > ul.table_footer > li.tr > ul.td > li.tr:not(:last-child) {
                    border-right: 1px solid #ccc;
                }

                div.table > ul.table_footer > li.tr > ul.td > li.tr > ul {
                    height: 60px;
                }

                    div.table > ul.table_footer > li.tr > ul.td > li.tr > ul.td > li {
                        width: 15px;
                        height: 59px;
                        font-size: 15px;
                        display: block;
                        float: left;
                        border-right: 1px solid #CCC;
                        line-height: 59px;
                        text-align: center;
                        font-size: 25px;
                    }

                        div.table > ul.table_footer > li.tr > ul.td > li.tr > ul.td > li:last-child {
                            border-right: none;
                        }

div.table > div.table_last_footer {
    padding-top: 10px;
}

div.table > div.imge_input {
    width: 100%;
    display: block;
    border-radius: 5px;
    background: none repeat scroll 0% 0% rgb(251, 251, 252);
    height: 100px;
    padding: 10px 20px;
    margin-top: 10px;
}

    div.table > div.imge_input > div.add_image {
        display: block;
        background: none repeat scroll 0% 0% rgb(245, 245, 246);
        width: 100px;
        height: 100px;
        border-radius: 5px;
        cursor: pointer;
    }

        div.table > div.imge_input > div.add_image > i.icon-add {
            width: 100px;
            height: 80px;
            font-size: 75px;
            text-align: center;
            line-height: 110px;
        }

            div.table > div.imge_input > div.add_image > i.icon-add:hover {
                color: #D9DCDC;
            }
/*last_tr end*/
/*==》tbody end*/
/*<==表格*/
/*content<==*/
/*wrap_contain*/
